<!--<app-head [title]="title" ></app-head>-->
<!--购物车商品-->
<div style="background: rgb(232,234,235);height: 100%">
    <div class="top">
      <!--<input id="all" type="checkbox" value="全选">-->
      <div class="inputoff" (click)="allOn()">
        <div class="inputon" *ngIf="!all"></div>
      </div>
      <p for="all">全选</p>
      <p></p>

      <!--<img (click)="alldet()" class="ui1" src="../../assets/ui/laji.png" style="width: 2.5rem;height: 2.5rem" >-->
    </div>
    <div class="goods" *ngFor="let item of goods;let key =index">
      <!--<input type="checkbox" >-->
      <div class="inputoff" (click)="on(key)">
        <div class="inputon" *ngIf="item.status"></div>
      </div>
      <img src="{{item.g_img}}">
      <div class="right">
        <p>特级</p><p>优质</p><p>{{item.g_title}}</p><br>
        <div style="height: 2.1rem">
        <p *ngIf="item.state">粉末</p>
        </div>
        <div class="data">
           <span class="preic">￥{{item.g_price}}</span> <span class="num"> x{{item.goods_count}}</span>
          <div class="OldPrice" *ngIf="item.g_sold">￥{{item.g_sold}}</div>
        </div>

      </div>
      <img class="ui" src="../../assets/ui/laji.png" style="width: 2.5rem;height: 2.5rem" (click)="delete(key)">
    </div>



<!--删除确认框-->
<div class="prompt" *ngIf="ProShow">
  <span>
    是否删除该商品
  </span>
  <div class="confirm">
    <div (click)="cancel()">
      取消
    </div>
    <div style="border-right: none">
      确定
    </div>
  </div>
</div>


<!--结算窗-->
<div id="tabber">
  <div class="sum">
    <span>
      合计
    </span>
    <span id="sum">
      {{allnum}}
    </span>
    <span id="amount">
     共<span [ngStyle]="{'color':'rgb(225,25,83)'}">{{allcount}}</span>件
    </span>
  </div>
  <div class="payment">
     <span>结算({{allcount}})</span>
  </div>
</div>
<app-babbar></app-babbar>
</div>
